<!-- 
  Kuda includes a library and editor for authoring interactive 3D content for the web.
  Copyright (C) 2011 SRI International.

  This program is free software; you can redistribute it and/or modify it under the terms
  of the GNU General Public License as published by the Free Software Foundation; either 
  version 2 of the License, or (at your option) any later version.
 
  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; 
  without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  
  See the GNU General Public License for more details.
 
  You should have received a copy of the GNU General Public License along with this program; 
  if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, 
  Boston, MA 02110-1301 USA.
-->

<div id="createViewpointsDlg" title="Create Viewpoint">
    <form id="vptForm" class="withSteps" method="post" action="">
        <fieldset id="vptParams">
            <legend>
                Viewpoint Parameters
            </legend>
            <ol>
                <li>
                    <label for="eyeX" class="long">
                        Camera Position
                    </label>
					<div id="vptCameraDiv"></div>
                </li>
                <li>
                    <label for="targetX" class="long">
                        Camera Target
                    </label>
					<div id="vptTargetDiv"></div>
                </li>
                <li>
                    <label for="vptFov" class="long">
                        Field of View
                    </label>
					<input type="text" id="vptFov" class="short" />
                </li>
                <li>
                    <label for="vptNearPlane" class="long">
                    	Near Plane
                    </label>
					<input type="text" id="vptNearPlane" class="short" />
                </li>
                <li>
                    <label for="vptFarPlane" class="long">
                    	Far Plane
                    </label>
					<input type="text" id="vptFarPlane" class="short" />
                </li>
				<li>
					<label class="long">
						Autofill Form
					</label>
					<button id="vptAutoFill" title="Fills with current camera position">
						Camera Data
					</button>
				</li>
            </ol>
        </fieldset>
        <fieldset id="vptPreview">
            <legend>
                Preview Your Viewpoint
            </legend>
            <ol>
                <li>
                    <button id="vptPreviewBtn" disabled="disabled">
                        Preview
                    </button>
                </li>
            </ol>
        </fieldset>
        <fieldset id="vptSave">
            <legend>
                Save Your Viewpoint
            </legend>
            <ol>
                <li>
                    <label for="vptName">
                        Name:
                    </label>
                    <input type="text" id="vptName" class="name" autocomplete="off" />
					<div class="buttons">
	                    <button id="vptSaveBtn" disabled="disabled">
	                        Save
	                    </button>
	                    <button id="vptCancelBtn">
	                        Cancel
	                    </button>
					</div>
                </li>
            </ol>
        </fieldset>
    </form>
</div>
